﻿<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Innerpage.master"
    CodeBehind="TourDetails.aspx.vb" Inherits="Phila.TourDetails" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"><%--
    <script>
    $(function () {
        //        $('div#accordion > div.block > div.content').hide();
        //        $('div#accordion > div.show > div.content').show();
        //        $("#accordion .block .head").click(function () {
        //            $(this).next('.content').slideToggle("slow");
        //            $(this).toggleClass("collapse");
        //        });
        //        $('#expandall').click(function () {
        //            $('div#accordion > div.block > div.content').show();
        //            $('div#accordion > div.block > div.head').addClass('collapse');
        //            $('div#accordion > div.show > div.head').removeClass('collapse');
        //        });
        //        $('#collapseall').click(function () {
        //            $('div#accordion > div.block > div.content').hide();
        //            $('div#accordion > div.block > div.head').removeClass('collapse');
        //            $('div#accordion > div.show > div.head').addClass('collapse');
        //        });
        $("#accordion").accordion({
            header: ".block .head" ,
            heightStyle: "content",
            autoHeight: false,
        });
    });
    </script>--%>
    <%--<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
    <script src="js/prototype.js" type="text/javascript"></script>
    <script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
    <script src="js/lightbox.js" type="text/javascript"></script>--%>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <asp:Literal ID="ltrTitle" runat="server"></asp:Literal>
    <asp:Literal ID="ltrSubTitle" runat="server"></asp:Literal>
    <asp:Panel ID="plTourList" runat="server">
        <asp:DataList ID="dlTours" runat="server" RepeatColumns="3" ItemStyle-VerticalAlign="Top">
            <ItemTemplate>
                <div class="tour-container">
                    <span class="curves ctop"></span><span class="curves cbot"></span>
                    <div class="image">
                        <a href='<%# Eval("Id", "Zones.aspx?cid={0}") %>'>
                            <asp:Image ID="imgThumb" runat="server" ImageUrl='<%# Eval("Thumbnail", "Images/Img/{0}") %>' /></a>
                    </div>
                    <div class="title">
                        <a href='<%# Eval("Id", "Zones.aspx?cid={0}") %>'>
                            <asp:Label ID="lblName" runat="server" Text='<%# Eval("Name") %>' /></a></div>
                    <div class="summary">
                        <asp:Label ID="lblSummary" runat="server" Text='<%# Eval("Overview") %>' /></div>
                    <a href="<%# Eval("Id", "Zones.aspx?cid={0}") %>" class="viewmore">View more</a>
                </div>
            </ItemTemplate>
        </asp:DataList>
    </asp:Panel>
    <asp:Panel ID="plTourDetails" runat="server">
        <div id="accordion">
            <%--Itinerary--%>
            <div class="block itinerary clearfix">
                <div class="head clearfix">
                    <span class="icon">Collapse/Expand</span>Itinerary
                </div>
                <div class="content clearfix">
                    <asp:Literal ID="ltrDescription" runat="server"></asp:Literal>
                </div>
            </div>
            <%--Includes--%>
            <div class="block clearfix">
                <div class="head clearfix">
                    <span class="icon">Collapse/Expand</span>Includes
                </div>
                <div class="content clearfix">
                    <asp:Literal ID="ltrIncludes" runat="server"></asp:Literal>
                </div>
            </div>
            <%--Gallery--%>
            <div class="block clearfix">
                <div class="head clearfix">
                    <span class="icon">Collapse/Expand</span>Image Gallery
                </div>
                <div class="content clearfix">
                    <asp:DataList ID="dlImages" runat="server" RepeatColumns="3" ItemStyle-VerticalAlign="Top">
                        <ItemTemplate>                        
                            <a href='<%# Eval("Image", "Images/Img/{0}") %>' rel="lightbox[1]">
                                <asp:Image ID="imgThumb" runat="server" ImageUrl='<%# Eval("Thumbnail", "Images/Img/{0}") %>' /></a>
                        </ItemTemplate>
                       <FooterTemplate>
                       <asp:Label ID="ApplicationEmptyLB" runat="server" Visible="true" Text="No Application Data" CssClass="Label"></asp:Label>
                       </FooterTemplate>
                    </asp:DataList>
                </div>
            </div>
            <%--Cost--%>
            <div class="block clearfix">
                <div class="head clearfix">
                    <span class="icon">Collapse/Expand</span>Tour Cost
                </div>
                <div class="content clearfix">
                    <asp:Literal ID="ltrCost" runat="server"></asp:Literal>
                </div>
            </div>
        </div>
    </asp:Panel>
</asp:Content>
